<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2022年相册 - 我的博客</title>
    <link rel="stylesheet" href="assets/css/colors.css">
    <link rel="stylesheet" href="assets/css/nav.css">
    <link rel="stylesheet" href="assets/css/layout.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/pages/album.css">
    <link rel="stylesheet" href="assets/css/pages/album_2024.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <header>
        <nav>
            <a href="index.html" class="logo">我的博客</a>
            <div class="nav-container">
                <ul class="nav-links">
                    <li class="nav-dropdown">
                        <a href="index.html">首页</a>
                        <div class="dropdown-content">
                            <a href="start.html">起始页</a>
                            <a href="column.html">专栏</a>
                        </div>
                    </li>
                    <li class="nav-dropdown">
                        <a href="record.html">记录</a>
                        <div class="dropdown-content">
                            <a href="record.html">生活倒影</a>
                            <a href="study.html">学习</a>
                        </div>
                    </li>
                    <li class="nav-dropdown">
                        <a href="album.html">相册</a>
                        <div class="dropdown-content">
                            <a href="album_2024.html">2024</a>
                            <a href="album_2023.html">2023</a>
                            <a href="album_2022.html" class="active">2022</a>
                            <a href="album_2021.html">2021</a>
                        </div>
                    </li>
                    <li><a href="message.html">留言</a></li>
                </ul>
                <div class="nav-auth">
                    <a href="auth.html" class="login-btn">登录</a>
                    <div class="auth-divider"></div>
                    <a href="admin.html" class="admin-btn">管理</a>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <div class="year-header">
            <h1>2022</h1>
            <div class="year-nav">
                <a href="album.html" class="back-to-albums">
                    <i class="fas fa-arrow-left"></i> 返回相册
                </a>
            </div>
        </div>

        <div class="photo-grid">
            <div class="photo-item">
                <div class="photo-date">2022.12</div>
                <img src="assets/images/2022/12.jpg" alt="12月照片">
                <div class="photo-description">
                    <p>冬季旅行</p>
                </div>
            </div>
            <!-- 添加更多2022年的照片 -->
        </div>
    </main>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h4>关于博主</h4>
                <p>一个热爱分享的博主，专注于技术与生活。</p>
            </div>
            <div class="footer-section">
                <h4>联系方式</h4>
                <p>Email: example@email.com</p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2024 我的博客. 保留所有权。</p>
        </div>
    </footer>

    <script src="assets/js/nav.js"></script>
</body>
</html> 